@import url("header.css");
@import url("footer.css");
*{
	margin: 0;
	padding: 0;
}
html {
    font-size: 100px;
}

body {
    font: 14px/22px "microsoft yahei";
}

html, body {
    margin: 0 auto;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, pre, form, fieldset, input, textarea, blockquote, p, header, footer, nav, section, article, aside, video {
    padding: 0px;
    margin: 0px;
    tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -ms-tap-highlight-color: rgba(0,0,0,0);
}

table, td, tr, th {
    font-size: 12px;
}

table {
    margin: 0px auto;
    border-collapse: collapse;
}

img {
    vertical-align: top;
    border: 0px;
}

ol, ul {
    list-style: none;
}

li {
    list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

address, caption, cite, code, dfn, em, i, b {
    font-weight: normal;
    font-style: normal;
}

a {
    color: #0077dd;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

    a:hover {
        text-decoration: none;
    }

img {
    height: auto;
    vertical-align: top;
}

input, textarea, select, button {
    outline: none;
    resize: none;
    border: 0;
    font-family: "microsoft yahei";
}

//nav
.nav{
	width: 1200px;
    margin: 0 auto;
    height: 40px;
    position: relative;
    z-index: 10;
    b {
	    display: block;
	    width: 193px;
	    cursor: pointer;
	    // border-bottom: 2px solid #dc0f50;
	    margin-right: 30px;
	    height: 40px;
	    overflow: hidden;
	    line-height: 40px;
	    float: left;
	    background: #333;
	    color: #fff;
	    padding: 0 20px;
	    h4{
		    font-weight: normal;
		}
		&:hover .pop{
		    display: block;
		}
	    // .p1{
	    // 	margin-top: 0;
	    // }
		.pop {
			display: none;
		    width: 231px;
		    border: 1px solid #e5e5e5;
		    border-top: 2px solid #dc0f50;
		    overflow: hidden;
		    position: absolute;
		    height: 560px;
		    left: 0;
		    // margin-top: 2px;
		    background: #fff;
		    z-index: 10;
		    .p1 a {
			    display: block;
			    padding: 0 20px;
			    height: 40px;
			    line-height: 40px;
			    font-size: 14px;
			    color: #333;
			    &:hover {
			    	background: #dc0f50;
				    color: #fff;
				}
			}
			
		}
		.p1{
			border: none;
		}
	}
	
	ul {
	    overflow: hidden;
	    float: left;
	    width: 900px;
	    height: 40px;
	    li {
		    overflow: hidden;
		    padding: 0 16px 0 24px;
		    line-height: 40px;
		    height: 40px;
		    float: left;
		    a {
		    	font-size: 18px;
			    color: #333;
			    &:hover {
			    	color: #dc0f50;
			    }
		    }
			
		}
	}
}



// main
.main{
	width: 100%;
	min-height: 500px;
	border-top: 2px solid #dc0f50;
	.search-list {
		width: 1200px;
		margin: 0 auto;
    	position: relative;
	    overflow: hidden;
	    width: 1200px;
	    margin: 15px auto;
	    .fl {
		    width: 957px;
		    float: left;
		    overflow: hidden;
		    h2 {
			    height: 32px;
			    line-height: 20px;
			    a {
				    font-size: 14px;
				    color: #333;
				}
			}
			.term {
			    margin-bottom: 19px;
			    border: 1px solid #e5e5e5;
			    overflow: hidden;
			    dl {
				    overflow: hidden;
				    line-height: 58px;
				    position: relative;
				    dt {
					    width: 80px;
					    background: #f1f1f1;
					    font-size: 14px;
					    font-weight: bold;
					    color: #444;
					    padding-left: 10px;
					    float: left;
					    height: 58px;
					    line-height: 58px;
					}
					dd {
					    width: 840px;
					    overflow: hidden;
					    position: relative;
					    float: left;
					    height: 58px;
					    padding-left: 10px;
					    a {
						    display: block;
						    height: 22px;
						    margin: 18px 35px 18px 0;
						    overflow: hidden;
						    float: left;
						    line-height: 22px;
						    font-size: 12px;
						    color: #666;
						    padding: 0 6px;
						}
					}
					span {
					    display: block;
					    padding-right: 16px;
					    background: url(../images/more.png) no-repeat right -28px;
					    font-size: 12px;
					    color: #333;
					    cursor: pointer;
					    height: 16px;
					    line-height: 16px;
					    position: absolute;
					    right: 16px;
					    bottom: 20px;
					}
				}
			    dl.top {
				    border-bottom: 1px dashed #e5e5e5;
				}
			}
			//term

			.filter {
			    margin-bottom: 30px;
			    height: 47px;
			    border: 1px solid #e5e5e5;
			    background: #f1f1f1;
			    li {
				    width: 88px;
				    float: left;
				    height: 46px;
				    overflow: hidden;
				    text-align: center;
				    line-height: 45px;
				    font-size: 12px;
				    color: #333;
				    cursor: pointer;
				   i {
					    display: inline-block;
					    width: 10px;
					    height: 11px;
					    background: url(../images/filter_i_bg.png) no-repeat;
					    margin-left: 4px;
					    position: relative;
					    top: 1px;
					}
				}
				li.curr {
				    color: #dc0f50;
				    border-left: 1px solid #e5e5e5;
				    background: #fff;
				    border-right: 1px solid #e5e5e5;
				}
				li#on {
				    width: 222px;
				    padding-left: 21px;
				    input {
					    width: 48px;
					    padding: 0 10px;
					    float: left;
					    text-align: left;
					    margin-top: 11px;
					    height: 22px;
					    line-height: 22px;
					    font-size: 12px;
					    color: #666;
					    border: 1px solid #d6d6d6;
					}
					span {
					    float: left;
					    padding: 0 10px;
					    color: #bdbdbd;
					}
				}
				li#on.curr a {
				    display: block;
				    width: 50px;
				    height: 24px;
				    line-height: 24px;
				    background: #dc0f50;
				    text-align: center;
				    font-size: 12px;
				    color: #fff;
				    float: left;
				    margin: 11px 0 0 15px;
				}
			}
			.ac-list {
			    padding: 0 10px;
			    width: 100%;
			    margin-bottom: 0;
			    // margin-bottom: 30px;
			    overflow: hidden;
			    margin: 0 auto;
			    li {
				    padding: 0 10px;
				    width: 234px;
				    float: left;
				    overflow: hidden;
    				margin-bottom: 30px;
    				a {
					    display: block;
					    overflow: hidden;
					    position: relative;
					    color: #0077dd;
					    text-decoration: none;
					    outline: none;
					    cursor: pointer;
					    img {
						    display: block;
						    width: 214px;
						    height: 214px;
						    vertical-align: top;
						}
						b {
						    padding: 5px 0;
						    overflow: hidden;
						    height: 40px;
						    line-height: 20px;
						    font-size: 14px;
						    color: #333;
						    display: block;
						}
						p {
						    height: 24px;
						    line-height: 24px;
						    font-size: 20px;
						    color: #e11f24;
						    i {
							    float: right;
							    font-size: 14px;
							    color: #999;
							    text-decoration: line-through;
							}
						}
						font {
						    display: block;
						    font-size: 14px;
						    color: #666;
						    span {
							    float: right;
							}
						}
					}
				}
			}
			//ac-list
			.pag {
			    margin-bottom: 30px;
			    text-align: center;
			    overflow: hidden;
			    span a {
				    display: inline-block;
				    padding: 0 15px;
				    height: 34px;
				    line-height: 34px;
				    border: 1px solid #e5e5e5;
				    background: #fafafa;
				    text-align: center;
				    margin-right: 5px;
				    font-size: 14px;
				    color: #666;
				}
			    span a.curr, .pag span a:hover {
				    border: 1px solid #dc0f50;
				    color: #fff;
				    background: #dc0f50;
				}
				em {
				    padding-left: 18px;
				    line-height: 34px;
				    font-size: 14px;
				    color: #666;
				    margin-right: 10px;
				}
				input {
				    width: 34px;
				    height: 34px;
				    text-align: center;
				    border: 1px solid #e5e5e5;
				    margin: 0 3px;
				}
			}
			//pag
		} 
		//fl

		.fr {
		    width: 233px;
		    overflow: hidden;
		    float: right;
		    .selling .hd{
				margin-bottom: 5px;	
				height: 32px;
			    background: url(../images/hd_bg.jpg) repeat-x left bottom;
			    overflow: hidden;
			    h2 {
				    font-size: 20px;
				    padding-left: 8px;
				    float: left;
				    padding-right: 8px;
				    color: #333;
				    background: #fff;
				    line-height: 24px;
				    padding-top: 4px;
				    padding-bottom: 5px;
				}
		    }
		    .selling .bd li {
			    height: 100px;
			    padding: 10px 0;
			    border-bottom: 1px solid #e5e5e5;
			    margin-top: -1px;
			    overflow: hidden;
			    position: relative;
			    padding-left: 97px;
			    a {
				    display: block;
				    height: 80px;
					i {
					    display: block;
					    width: 25px;
					    height: 25px;
					    line-height: 18px;
					    padding-left: 5px;
					    font-size: 12px;
					    color: #fff;
					    position: absolute;
					    left: 0;
					    top: 10px;
					    z-index: 10;
					}
					i.i1 {
					    background: url(../images/biao_bg.png) no-repeat;
					}
					i.i2 {
					    background: url(../images/biao_bg.png) no-repeat 0 -26px;
					}
					i.i3 {
					    background: url(../images/biao_bg.png) no-repeat 0 -52px;
					}
					img {
					    width: 80px;
					    height: 80px;
					    position: absolute;
					    left: 0;
					    top: 10px;
					}
					b {
					    display: block;
					    height: 32px;
					    line-height: 16px;
					    overflow: hidden;
					    font-size: 14px;
					    color: #333;
					    margin-bottom: 22px;
					}
					em {
					    font-size: 20px;
					    color: #dc0f50;
					    line-height: 26px;
					}
				}

			}
		    
		}	

		.live-list .hd{
			height: 32px;
		    background: url(../images/hd_bg.jpg) repeat-x left bottom;
		    overflow: hidden;
		    margin-bottom: 30px;
		    h2{
		    	float: left;
			    padding-right: 8px;
			    font-size: 24px;
			    color: #333;
			    background: #fff;
			    line-height: 24px;
			    padding-top: 4px;
			    padding-bottom: 5px;
		    }
		}
		//.live-list .hd

	}
	//search-list

	.live-list {
		width:1200px;
		margin:0 auto;
		margin-bottom:35px;
		.bd{
			overflow: hidden;
		    height: 300px;
		    position: relative;
		    ul{
			    height: 298px;
			    width: 100%;
			    
			    li{
			    	width: 200px;
				    margin: 0px 3px 0 3px;
				    overflow: hidden;
				    float: left;
				    a{
					    display: block;
					    width: 200px;
					    overflow: hidden;
					    em{
					    	//display: block;
						    width: 200px;
						    height: 200px;
						    position: absolute;
						    left: 0;
						    top: 0;
						    background: url(../images/sq_bg.png) no-repeat;
						    text-align: center;
						    line-height: 200px;
						    font-size: 22px;
						    color: #e5e5e5;
						    z-index: 10;
						    display: none;
					    }
					    img{
					    	width: 200px;
						    height: 200px;
						    display: block;
						    overflow: hidden;
						    transition: .4s all ease;
					    }
					    b{
					    	display: block;
						    padding: 5px 0;
						    line-height: 21px;
						    height: 40px;
						    overflow: hidden;
						    font-size: 14px;
						    color: #333;
					    }
					    font{
					    	display: block;
						    line-height: 24px;
						    color: #dc0f50;
						    font-size: 20px;
						    i{
						    	padding: 0 8px;
							    font-size: 12px;
							    color: #999;
							    text-decoration: line-through;
						    }
					    }
				    }
			    }
		    }
		    .prev {
			    margin-top: -80px;
			    background: url(../images/prev_bg.png) no-repeat;
    			left: 0;
    			width: 30px;
			    height: 60px;
			    position: absolute;
			    top: 50%;
			    opacity: 0.5;
			}
			.next {
				margin-top: -80px;
			    background: url(../images/next_bg.png) no-repeat;
    			right: 0;
    			width: 30px;
			    height: 60px;
			    position: absolute;
			    top: 50%;
			    opacity: 0.5;
			}
		}
		.bd .next:hover, .bd .prev:hover {
	        filter: alpha(opacity=100);
	        -moz-opacity: 1;
	        opacity: 1;
	    }
	    .bd ul li a:hover img {
            transform: scale(1.05,1.05);
            transition: .4s all ease;
        }
	}
	//.live-list
}
//main